<template>
    <div>
        <van-nav-bar title="翡翠种类与价值评估体系建立">
            <van-icon name="cross" slot="left" @click="backOne()"/>
            <van-icon name="ellipsis" slot="right" />
        </van-nav-bar>
        <div class="ting">
            <h3>翡翠行业的俗语是怎么来的</h3>
            <p>胡楚雁</p>
            <div class="bo">
                <div class="bo-y">
                    <img src="#">
                </div>
                <i>翡翠从挖玉、赌玉到经营</i>
                <span>都充分蕴含了丰富的民间传统色彩</span>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'shouyin',
     methods:{
     backOne(){
                this.$router.go(-1)
        }
     }
}
</script>
<style scoped>
    .van-nav-bar{
        text-align: left;
        background:rgba(242,242,242,1);
    }
    .van-nav-bar__left .van-nav-bar__text {
        color: black;
        font-size: 3rem;
    }
    .van-nav-bar__title{
        max-width: 70%;
        margin-left: 50px;
    }
    .van-icon, .van-icon::before{
        font-size: 20px;
        color: black
    }
    .van-icon-arrow:before{
        font-size: 1.5rem;
        color: rgba(210,210,210,1)
    }
    .van-cell{
        padding: 20px 16px;
    }
    .van-cell__left-icon{
        font-size: 0.5rem;
    }
    .van-cell__title {
        font-family:PingFang SC;
        font-size: 1rem;
    }
    .ting{
        height:100%;
        position: relative;
    }
    .ting h3{
        height:29px;
        font-size: 20px;
        color: #2E3042;
        font-weight:bold;
        position: absolute;
        top: 40.5px;
        left: 69px;
    }
    .ting p{
        font-size: 12px;
        color: #BABEC8;
        font-weight:400;   
        position: absolute;
        top: 78px;
        left: 169px;
    }
    .bo{
        width:287px;
        height:286.5px;
        position: absolute;
        top:110.5px;
        left: 60px;
    }
    .bo-y{
        width:200px;
        height:200px;
        border:1px solid #4F7FC3;
        border-radius: 50%;
        position: absolute;
        top: 4.5px;
        left: 43px;
    }
    .bo-y img{
        width:153.5px;
        height:155px;
        border-radius: 50%;
        background: lawngreen;
        position: absolute;
        top: 23px;
        left: 24px;
    }
    .bo i{
        font-size: 15px;
        color: #4D51FF;
        font-weight:500;
        position: absolute;
        top:245.5px;
        left:71px;
        font-style:normal;
    }
    .bo span{
        font-size: 15px;
        color: #BEC3C9;
        font-weight:500;
        position: absolute;
        top: 271px;
        left: 44px;
    }
</style>